<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="loginPageLayout.xhtml">
	<ui:define name="title">Envio de Mails</ui:define>
	<ui:define name="content">
		<ui:include src="menu.xhtml" />
		<h:form>
			<p:panel style="align:center; margin:3% 20% 2% 20%;"
				header="Envio de Mails" footer="">

				<h:panelGrid columns="1">
					<p:graphicImage value="/img/email.png" />
				</h:panelGrid>
				<h:panelGrid columns="2" title="Para">
					<h:outputLabel value="Para" />
					<h:inputText id="nombre" label="nombre" required="true"
						readonly="false" value="#{contactos.correo}"
						style="width:500px;" />

					<h:outputLabel value="Asunto" />
					<h:inputText id="asunto" label="asunto" required="true"
						readonly="false" value="#{contactos.asunto}" style="width:500px;" />

					<h:outputLabel value="Cuerpo" />
					<h:inputTextarea value="#{contactos.cuerpo}" id="cuerpo"
						style="width:700px;height:250px;" effectDuration="400" />

				</h:panelGrid>
				<h:panelGrid columns="1">
					<p:commandButton value="Enviar" action="#{contactos.enviar}"
						image="ui-icon-mail-closed" />
				</h:panelGrid>
			</p:panel>

		</h:form>
	</ui:define>
</ui:composition>
</html>